import axios from 'axios'

// 指定后端预测接口地址
const PREDICT_URL = 'http://localhost:5000/predict'

// 创建 axios 实例
const api = axios.create({
  baseURL: 'http://localhost:5000',
  timeout: 10000, // 10 秒超时
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})

/**
 * 将图片文件作为 FormData 上传，并返回后端 JSON 响应
 * @param {File} file - 用户选中的图片文件
 * @returns {Promise<Object>} { class_id, confidence, label }
 */
export async function predictImage(file) {
  try {
    const formData = new FormData()
    formData.append('image', file)

    console.log('Sending request to:', PREDICT_URL)
    const response = await api.post('/predict', formData)
    console.log('Response received:', response.data)
    return response.data
  } catch (error) {
    console.error('API Error:', error)
    if (error.response) {
      // 服务器返回了错误状态码
      console.error('Error response:', error.response.data)
      throw new Error(`服务器错误: ${error.response.status} - ${error.response.data.error || '未知错误'}`)
    } else if (error.request) {
      // 请求已发送但没有收到响应
      console.error('No response received')
      throw new Error('无法连接到服务器，请确保后端服务正在运行')
    } else {
      // 请求配置出错
      console.error('Request error:', error.message)
      throw new Error(`请求错误: ${error.message}`)
    }
  }
}
